<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Super Entertainment- Home Page</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>

<body class="homepage">
<div id="wrapper">
<!-- Header -->
	<div id="header">
    	
        <div id="site_title"><h1><a href="http://www.SE.com">SEntertaiment</a> <span>
			Free CSS Templates</span></h1></div>
        
        <div id="search_box">
            <form action="#" method="get">
                <input type="text" value="Search" name="q" size="10" id="searchfield" title="searchfield" onfocus="clearText(this)" onblur="clearText(this)" />
                <input type="submit" name="Search" value="" id="searchbutton" title="Search" />
            </form>
        </div>
        
        <div class="cleaner"></div>
    </div>
    
    <div id="menu">
        <ul>
            <li><a href="index.html" class="current">Home</a></li>
            <li><a href="gallery.html">Movie</a></li>
            <li><a href="gallery.html">Game</a></li>
            <li><a href="gallery.html">Book</a></li>
            <li><a href="news.html">News</a></li>
            <li><a href="blog.html">Blog</a></li>
            <li><a href="contact.html">Contact</a></li>
        </ul>    	
        <div class="cleaner"></div>
    </div>
<!-- End Header -->
<!-- Body-->
   <div id="middle">
    
    	<div id="intro">
        	<h2>Become member today for discount</h2>
            <p>Buy your entertaiment never easy than now. Signup now for many 
			advantages with premium member</p>
            <a class="learn_more" href="#"></a>
        </div>
    
        <div id="slider">
            <a href="#"><img src="images/slideshow/01.jpg" alt="" title="Lorem ipsum dolor sit amet." /></a>
            <a href="#"><img src="images/slideshow/02.jpg" alt="" title="Nullam ante leo, consectetur eget.." /></a>
            <a href="#"><img src="images/slideshow/03.jpg" alt="" title="Suspendisse sit amet enim elit." /></a>
            <a href="#"><img src="images/slideshow/04.jpg" alt="" title="Nulla faucibus luctus quam eget placerat." /></a>
            <a href="#"><img src="images/slideshow/05.jpg" alt="" title="Phasellus aliquet viverra posuere. " /></a>
        </div>
	</div>
        
    <div id="main">
    
    	<div class="col_w900">
        
            <div class="col_allw280 frontpage_box">
	            <img src="images/book_icon.png" alt="Image" width="60px" />
                <h2>We sell Book</h2>
                <span class="tagline">You love book,it is your area</span>
                <p>Nunc pulvinar dictum risus, vitae ornare est volutpat eget. 
				Proin a tempor ipsum. Morbi tempus vehicula massa quis commodo.</p>
                <a class="more" href="#">More</a>
        	</div>
            
            <div class="col_allw280 frontpage_box">
                <img src="images/game_icon.png" alt="Image" width="60px"/>
                <h2>We sell Movive</h2>
                <span class="tagline">Your favorite movies are here</span>
                <p>Ut lorem sapien, sodales ut sollicitudin ut, fermentum 
				euismod dolor. Aenean sed felis non sapien consectetur 
				adipiscing eget vitae.</p>
              <a class="more" href="#">More</a>
            </div>
            
            <div class="col_allw280 frontpage_box col_last">
				<img src="images/movie_icon.png" alt="Image" width="60px" />            
              	<h2>We sell VGame</h2>
                <span class="tagline">Let decrease your street with game&nbsp; </span>
              	<p>Pellentesque et magna neque accumsan nisi. Vivamus aliquet 
				metus id magna. Sed nisi quam, egestas ac bibendum eu, dictum id 
				enim.</p>
              <a class="more" href="#">More</a>
            </div>
            
        	<div class="cleaner"></div>
            
        </div>
        
        <div class="col_w900 col_w900_last">
        
        	<div class="col_w420 lp_box float_l">

           	  	<h2> Latest Project</h2>
                
              	<img width="400" height="100" src="images/image_01.jpg" alt="Latest Project" />
                
                <p><em>Nullam ut neque neque commodo mauris vel mi feugiat 
				interdum.</em></p>
                
                <p><a href="http://www.templatemo.com/page/1" target="_parent">
				Ocean Blue Template</a> is provided by templatemo.com website. 
				You may edit and use this layout for your personal or commercial 
				websites. Credit goes to <a href="http://www.photovaco.com" target="_blank">
				Free Photos</a> for all photos used in this template.</p>
              	
                <a class="more" href="#">More</a>
                
            </div>
        
            <div class="col_w420 float_r">
            
            	<h2> Blog Entries</h2>
                
                <div class="lbe_box">
                    <h3><a href="#">Etiam a Dui et Eros Imperdiet Rhoncus</a></h3>
                    <p>Morbi pellentesque, libero vitae fermentum tincidunt, 
					felis libero accumsan erat, sit amet ornare lectus. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>
					XHTML</strong></a> &amp; <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>
					CSS</strong></a>.</p>
                    <p class="date">June 24, 2048</p>
                </div>
                
                <div class="lbe_box">
                    <h3><a href="#">Aenean Quis Nulla ac Nisl Rutrum Ornare</a></h3>
                    <p>Libero accumsan erat, sit amet ornare lectus urna a 
					turpis. Suspendisse libero nibh, luctus ornare elementum sit 
					amet, vulputate et diam.</p>
                    <p class="date">June 18, 2048</p>
                    <div class="cleaner"></div>
                </div>
                
                <a class="more" href="#">More</a>
            </div>
            
            
            
            <div class="cleaner"></div>
		</div>
        
        <div class="cleaner"></div>
    </div>
    <!-- end Body-->
</div>
    <!-- footer-->
<div id="footer_wrapper">
	<div id="footer">
    	
        Copyright © 2011 <a href="#">Agrond_Yuber</a> - 
        <a href="http://www.iwebsitetemplate.com" target="_parent">Website 
		Templates</a> by <a href="http://www.templatemo.com" target="_parent">
		Free CSS Templates</a>
    
    </div> <!-- end of footer wrapper -->
</div>
<!-- end footer-->
</body>

</html>
